<!--公共头部-->
{template 'aitimt/common/header'}
<style>
	.item-content{margin-top:40px ;}
	.item-content img{width: 100%;height: 10rem;}
	.item-content .item-title{font-size: 16px;color: #000000;font-weight: 600;}
	.item-content .item-price{font-size: 16px;color: #ff1600;float: right;margin-right: 5%;}
	.item-content .item-price .item-qi{font-size: 10px;color: #595757;}
	.item-content .item-addtime {font-size: 10px;color: #595757;margin-left: 5%;}
	.item-content .item-txt {margin-top: 0.9375rem;margin-left: 5%;}
	.item-content .item-addtime p{font-size: 10px;color: #595757;}
	.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
	.mui-slider-indicator.mui-segmented-control .mui-control-item {border-bottom: 1px solid rgba(0,0,0,0.05);color: #585858;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #585858;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{content: '';position: absolute;bottom: 0;height: 3px;width: 60%;display: -webkit-box;margin-left: 10%;background-color: #E94709;}
	.addtime{padding-top: 10px;font-size: 10px;}
	.mui-media-body{text-align: center;line-height: 25px;}
	.mui-bar-tab .mui-tab-item{color: #555657;border-right: 1px solid #ececec;}
	.mui-bar-tab .mui-tab-item.mui-active{color: #555657;}
	.mui-bar-tab{background: #FFFFFF;font-size: 14px;height: 45px!important;display: unset}
	.mui-scroll .mui-table-view .mui-table-view-cell{padding: 10px 0 5px 0;border-bottom: 1px solid #c8c7cc;}
	.baoming{background: #e94709;}
	.endbao{background: #e4e4e4;}
	.baoming span{color: #FFFFFF;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {border:0;}
	.comment-img{max-width: 20px!important;height: 20px!important;border-radius: 30px;}
	.comment-nickname{line-height: 20px;font-size: 10px;color:#E94709}
	.comment-time{float: right; line-height: 0;font-size: 10px;margin-top: 8px }
	.comment-textarea{height:80px;border-radius:10px;background-color: #ffffff;margin: 2% 5%;width: 90%; font-size: 15px;}
	.comment-content .mui-icon{font-size: 14px;float: right;margin-top:15px;margin-left:15px;color: #4e4e4e;}
	.comment-content{text-indent: 5px;margin-bottom: 20px;margin-top: 5px;font-size:13px;white-space:normal;word-break:break-all;word-wrap:break-word;line-height: 20px; }
	.reply-list{margin-top: 5px;margin-left: 10%; width: 90%;margin-bottom: 10px;}
	.reply-img{max-width: 20px!important;height: 20px!important;border-radius: 30px;}
	.reply-nickname{line-height: 20px;font-size: 10px;color:#E94709}
	.reply-time{float: right; line-height: 0;font-size: 10px;margin-top: 8px }
	.reply-content .mui-icon{font-size: 14px;float: right;margin-left: 20px;color: #4e4e4e;margin-top: 10px;}
	.reply-content .mui-active,.comment-content .mui-active{color: #E94709;}
	.reply-content{margin-top: 5px;font-size:13px; white-space:normal;word-break:break-all;word-wrap:break-word;line-height: 20px; }
	.mui-scroll{position: unset;margin-bottom:20%;padding: 1% 5%;}
	.hide { display: none; }
	.mui-popover .mui-scroll-wrapper{top: -175px;height: 170px}
	.mui-popover .mui-scroll-wrapper .mui-scroll{padding: 0;}
	.mui-popover .mui-scroll .mui-table-view{margin: 0;min-height: 170px;}
	.backTop { background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 70px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8; }
	.proname{text-align: left; font-size: 15px;color: #000000;}
	.protitle{ text-align: left;font-size: 10px;}
	.proprice{text-align: left;color: red; font-size: 13px;}
	.probtn{top: 25%;right: 0;padding: 5px 15px;font-size: 12px;border-radius: 20px;color: white;background-color: #E94709;position: absolute;}
	#commentList .mui-media{border: 0;background: #ffffff;}
	#commentList{margin-bottom: 10px;}
	.commentBtn{padding: 5px 12px;border-radius: 8px;border: 1px solid #ccc;color: #333333;}
	.mui-input-group .mui-input-row:after{height: 0}
	.detail_table table{
		width: 100%!important;
	}
	.detail_table td{
		border: 1px solid #EEEEEE;
	}
	.mui-popup.mui-popup-in{
		width: 90% !important;
		top: 40%;
	}
</style>
<!-- 公共头部start -->
<header class="mui-bar mui-bar-nav">
	<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
	<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
	<!--公共菜单start -->
	{template 'aitimt/common/menu'}
	<!-- 公共菜单end-->
</header>
<!-- 公共头部end -->
<div class="item-content" id="item-content" style="background-color:#fff;">
	{if $activity['atlas']!='N;'}
	{if empty($atlas[1])}
	<img src="{php echo tomedia($activity['thumb'])}">
	{else}
	<div class="mui-slider">
		<div class="mui-slider-group mui-slider-loop">
			<!--支持循环，需要重复图片节点-->
			{loop $atlas $k $row}
			<div class="mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($row)}" data-aid="{$k}" /></div>
			{php break;}
			{/loop}
			{loop $atlas $k $row}
			<div class="mui-slider-item"><img src="{php echo tomedia($row)}" data-aid="{$k}"/></div>
			{/loop}
			<!--支持循环，需要重复图片节点-->
			{loop $atlas $k $row}
			<div class="mui-slider-item mui-slider-item-duplicate"><img src="{php echo tomedia($row)}" data-aid="{$k}" /></div>
			{php break;}
			{/loop}
		</div>
		<div class="mui-slider-indicator">
			{loop $atlas $k $row}
			<div class="mui-indicator{if $k==0} mui-active{/if}"></div>
			{/loop}
		</div>
	</div>
	<script>var gallery = mui('.mui-slider');gallery.slider({interval:3000});</script>
	{/if}

	{else}
	<img src="{php echo tomedia($activity['thumb'])}">

	{/if}


	<p class="item-txt">
		<span class="item-title">{$activity['title']}</span>
		{if $activity['aprice']==0}
		<span class="item-price">免费</span>
		{else}
		<span class="item-price">￥{$activity['aprice']}<span class="item-qi">起</span></span>
		{/if}
	</p>

	<span class="item-addtime">
							<span>比赛:{$activity['starttime']}</span>
							<p class=' mui-icon iconfont icon-didian'>{$activity['address']}</p><br>
							<span style="margin-left: 5%;">报名:{$activity['joinstime']}至{$activity['joinetime']}</span>
						</span>
</div>
<div class="mui-content" style="padding: 0;background: #ffffff;">
	<div class="mui-popup-backdrop mui-active"  id="pophei" onclick="ff()" style="display: none;"></div>
	<div id="slider" class="mui-slider">
		<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			<a class="mui-control-item mui-active" href="#item2mobile">报名项目</a>
			{if count($proList)>1}
			<style>
				.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{content: '';position: absolute;bottom: 0;height: 3px;width: 22%;display: -webkit-box;margin-left: 5%;background-color: #E94709;}
			</style>
			<a class="mui-control-item" href="#item1mobile">赛事详情</a>
			{/if}

			<!--<a class="mui-control-item" href="#item3mobile">评论</a>-->
		</div>
		<div class="mui-slider-group">
			<div id="item1mobile" class="mui-slider-item mui-control-content">
				<div class="mui-scroll detail_table">
					{$activity['detail']}
				</div>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content mui-active">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						{if $proList==null}
						<li class="mui-table-view-cell">
							<p class="proname" style="text-align: left; font-size: 20px;color: #000000;">暂无项目</p>
						</li>
						{else}
						{loop $proList $pro}
						<li class="mui-table-view-cell" style="border-radius: 0;">
							<p class="proname">{$pro['name']}</p>
							<p class="protitle">{$pro['title']}</p>
							<p class="proprice">{if $pro['pprice']!=0}￥{$pro['pprice']}/人{else}免费{/if}</p>
							<button class="probtn" onclick="ProConfirm({$pro['id']})" type="button">立即报名</button>

						</li>
						{/loop}
						{/if}
					</ul>
				</div>

			</div>
			<!--<div id="item3mobile" class="mui-slider-item mui-control-content">-->
			<!--<div class="mui-scroll">-->
			<!--<ul class="mui-table-view" id="commentList" >-->
			<!--{if empty($commentList[0])}-->
			<!--<li class="mui-table-view-cell mui-media" style="text-align: center;">-->
			<!--没有评论-->
			<!--</li>-->
			<!--{/if}-->
			<!--{loop $commentList $comment}-->
			<!--<li class="mui-table-view-cell mui-media">-->
			<!--<div>-->
			<!--<img class="mui-media-object mui-pull-left comment-img" src="{if $comment['avatar']}{$comment['avatar']}{else}{$aideUrl}app/resource/aitimt/images/shuijiao.jpg{/if}">-->
			<!--<div class="comment-nickname">{$comment['nickname']}-->
			<!--<p class="comment-time">{$comment['created_at']}</p>-->
			<!--</div>-->
			<!--<div class="comment-content">{$comment['content']}-->
			<!--<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid="{$comment['id']}" data-tid="{$comment['uid']}">{if empty($comment['child'])}0{else}{php echo count($comment['child'])}{/if}</a>-->
			<!--<span class="mui-icon iconfont icon-zan {if in_array($comment['id'],$goodList)} mui-active{/if}" onclick="good(this,{$comment['id']},{$comment['uid']})">{$comment['good']}</span>-->
			<!--</div>-->

			<!--{if !empty($comment['child'])}-->
			<!--{loop $comment['child'] $item}-->
			<!--<div class="reply-list">-->
			<!--<img class="mui-media-object mui-pull-left reply-img" src="{if $item['avatar']}{$item['avatar']}{else}{$aideUrl}app/resource/aitimt/images/shuijiao.jpg{/if}">-->
			<!--<div class="reply-nickname">{$item['nickname']}-->
			<!--<p class="reply-time">{$item['created_at']}</p>-->
			<!--</div>-->
			<!--<div class="reply-content">{$item['content']}-->
			<!--<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid="{$comment['id']}" data-tid="{$item['uid']}" >&nbsp;&nbsp;</a>-->
			<!--<span class="mui-icon iconfont icon-zan {if in_array($item['id'],$goodList)} mui-active{/if}" onclick="good(this,{$item['id']},{$item['uid']})">{$item['good']}</span>-->
			<!--</div>-->
			<!--</div>-->
			<!--{/loop}-->
			<!--{/if}-->
			<!--</div>-->
			<!--</li>-->
			<!--{/loop}-->
			<!--</ul>-->
			<!--<a class="commentBtn setParent" href="#comment" data-pid="0" data-tid="0">评&nbsp;论</a>-->
			<!--</div>-->
			<!--</div>-->

		</div>
	</div>
</div>
{if $_SESSION['status']=='login'}
<div id="comment"  style="z-index: 999;bottom: 30%;font-size: 14px;" class="box mui-popover mui-popover-action mui-popover-bottom">
	<form style="background-color: #eee;">
		<textarea class="comment-textarea" name="content" placeholder="请输入您的评论" id="content" value=""></textarea>
		<button style="border-radius: 10px;margin-left: 5%;" type="button" onclick="toComment()">评&nbsp;论</button>
	</form>
</div>
<div id="pro"  style="z-index: 999;" class="box mui-popover mui-popover-action mui-popover-bottom">
	<div class="mui-scroll-wrapper">
		<div class="mui-scroll">
			<ul class="mui-table-view" >
				<li class="mui-table-view-cell" style="text-align: left;color: #000000; margin: 0 15px;">项目</li>
				{if $proList==null}
				<li class="mui-table-view-cell">
					<p class="proname" style="text-align: left; font-size: 20px;color: #000000;">暂无项目</p>
				</li>
				{else}
				{loop $proList $pro}
				<li class="mui-table-view-cell" style="margin: 0 15px;border-radius: 0;">
					<p class="proname">{$pro['name']}</p>
					<p class="protitle">{$pro['title']}</p>
					<p class="proprice">{if $pro['pprice']!=0}￥{$pro['pprice']}/人{else}免费{/if}</p>
					<button class="probtn" onclick="ProConfirm({$pro['id']})" type="button">立即报名</button>
				</li>
				{/loop}
				{/if}
			</ul>
		</div>
	</div>
</div>
<div id="remind"  style="z-index: 999;bottom: 30%;font-size: 14px;" class="box mui-popover mui-popover-action mui-popover-bottom">
	<form class="mui-input-group" style="margin: 0 15%;border-radius: 8px;">
		<div class="mui-input-row mui-checkbox mui-left">
			<label>开始报名时提醒我</label>
			<input name="checkbox" value="1" id="jsTask" type="checkbox" {if $task[0]['js_status']}checked{/if}>
		</div>
		<div class="mui-input-row mui-checkbox mui-left">
			<label>名额紧张时提醒我</label>
			<input name="checkbox" value="2" id="sumTask" type="checkbox" {if $task[0]['sum_status']}checked{/if}>
		</div>
		<div class="mui-input-row mui-checkbox mui-left">
			<label>截止报名前一星期提醒我</label>
			<input name="checkbox" value="2" id="jeTask" type="checkbox" {if $task[0]['je_status']}checked{/if}>
		</div>
		<button style="border-radius: 10px;margin: 0 40%;" onclick="task()" type="button">确认</button>
	</form>
</div>
{/if}
<a id="scrollToTop" class="backTop "> <span class="mui-icon mui-icon-arrowup"></span> </a>
<!-- 报名底部start -->
<nav class="mui-bar mui-bar-tab" id="bottom-tab">
	{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
	<a class="mui-tab-item endbao">
		<span class="mui-tab-label">提醒</span>
	</a>
	{else}
	<a class="mui-tab-item remind" href="#remind">
		<span class="mui-tab-label">提醒</span>
	</a>
	{/if}

	{if $collectList[0]['status']==1}
	<a class="mui-tab-item"  id="collect" onclick="collect()">
		<span class="mui-tab-label" id="collectText" style="color:#E94709;">已关注</span>
	</a>
	{else}
	<a class="mui-tab-item" id="collect" onclick="collect()">
		<span class="mui-tab-label" id="collectText">关注</span>
	</a>
	{/if}
	<a class="mui-tab-item" onclick="toquery()">
		<span class="mui-tab-label">报名查询</span>
	</a>
	{if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
	<a class="mui-tab-item endbao">
		<span class="mui-tab-label">报名截止</span>
	</a>
	{else}
	{if count($proList)>1}
	<!--<a class="mui-tab-item baoming">-->
	<!--<span class="mui-tab-label">立即报名</span>-->
	<!--</a>-->
	{else}
	<a class="mui-tab-item baoming p1" data-value="{$proList[0]['id']}">
		<span class="mui-tab-label">立即报名</span>
	</a>

	{/if}

	{/if}
</nav>

<!-- 报名底部end -->
<script type="text/javascript">
    mui('.mui-bar-tab').on('tap','.p1',function(){

        ProConfirm($(this).attr('data-value'))

    });
    {if ($activity['is_show']==0)}
    var btnArray = ['确定'];
    var msg='当前活动已结束';
    mui.confirm(msg,'',btnArray, function(e) {
        location.href ="javascript:history.go(-1)";
    });
    {/if}
        function onload(){
            localStorage.removeItem('parentid');
            $(".setParent").on("tap",function(){
                var pid = $(this).attr('data-pid');
                var tid = $(this).attr('data-tid');
                console.log(pid);
                localStorage.setItem('parentid',pid);
                localStorage.setItem('tid',tid);
            });
            $(".mui-bar").on("tap",".baoming",function(){
                popComment('pro');
            });
            $(".mui-bar").on("tap",".remind",function(){
                popComment('remind');
            });
            $(".mui-scroll").on("tap",".commentBtn",function(){
                popComment('comment');
            });
            $(".comment-content").on("tap",".mui-icon-chatboxes",function(){
                popComment('comment');
            });
            $(".reply-content").on("tap",".mui-icon-chatboxes",function(){
                popComment('comment');
            });
        }
        onload();
        function popComment(type){
            {if $_SESSION["status"]!='login'}
            var btnArray = ['不登录', '去登陆'];
            var msg='登录后才可使用此功能';
            mui.confirm(msg, '系统提示', btnArray, function(e) {
                if (e.index == 1) {
                    window.location.href="{php echo app_url('home/index/login1')}";
                }else {
                    ff()
                }
            });
            return false;
            {/if}
                if (document.getElementById(type).className.indexOf('mui-active')==-1){
                    document.getElementById('pophei').style.setProperty('display','block');
                    document.getElementById('scrollToTop').style.setProperty('display','none');
                    document.getElementById('bottom-tab').style.setProperty('display','none');
                } else {
                    document.getElementById('pophei').style.setProperty('display','none');
                    document.getElementById('scrollToTop').style.setProperty('display','block');
                    document.getElementById('bottom-tab').style.setProperty('display','block');
                }
            }
            function task(){
                var js_status=0,je_status=0,sum_status=0;
                if($("#jsTask").is(':checked')) {
                    js_status=1
                }
                if($("#jeTask").is(':checked')) {
                    je_status=1
                }
                if($("#sumTask").is(':checked')) {
                    sum_status=1
                }
                var arr={aid:{$activityid},type:'task',js_status:js_status,je_status:je_status,sum_status:sum_status};
                $.post("{php echo app_url('home/index/detail')}",arr,function(data){
                    util.toast(data.msg);
                    document.getElementById('pophei').style.setProperty('display','none');
                    document.getElementById('remind').style.setProperty('display','none');
                    document.getElementById('remind').classList.remove("mui-active");
                    document.getElementById('bottom-tab').style.setProperty('display','block');
                },"json");
            }
            mui('.mui-scroll-wrapper').scroll({ deceleration: 0.0005 });


            var scrollToTopBox = document.getElementById('scrollToTop'); //返回按钮tap
            scrollToTopBox.onclick=function goTop(){
                mui.scrollTo(0,300)
            }
            mui('.mui-slider').slider().stopped = true;
            function ProConfirm(id) {
                if(id==null){
                    var btnArray = ['取消', '确定'];
                    var msg='暂无项目';
                    mui.confirm(msg, '系统提示', btnArray, function(e) {
                    });
                }

                {if $_SESSION["status"]!='login'}
                var btnArray = ['不登录', '去登陆'];
                var msg='登录后才可报名';
                mui.confirm(msg, '系统提示', btnArray, function(e) {
                    if (e.index == 1) {
                        window.location.href="{php echo app_url('home/index/login')}";
                    }else {
                        ff()
                    }
                });
                return false;
                {/if}
                    {if ($activity['joinetime']<date("Y-m-d H:i:s",time()))}
                    var btnArray = ['确定'];
                    var msg='当前活动已截止报名';
                    mui.confirm(msg, '系统提示', btnArray, function(e) {
                    });
                    return false;
                    {/if}
                        {if ($activity['joinstime']>date("Y-m-d H:i:s",time()))}
                        var btnArray = ['确定'];
                        var msg='当前活动暂未开始报名';
                        mui.confirm(msg, '系统提示', btnArray, function(e) {
                        });
                        return false;
                        {/if}
                            var btnArray = ['不同意', '同意'];
                            var msg="{$activity['info']}";
                            mui.confirm(msg, '报名须知', btnArray, function(e) {
                                if (e.index == 1) {
                                    window.location.href="{php echo app_url('home/join/display').'&activityid='.$activityid.'&proid='}"+id;
                                }else {
                                    ff()
                                }
                            });
                        }
                        function toquery() {
                            window.location.href="{php echo app_url('home/index/query').'&activityid='.$activityid}";
                        }
                        function collect() {
                            {if $_SESSION["status"]!='login'}
                            var btnArray = ['不登录', '去登陆'];
                            var msg='登录后才可使用此功能';
                            mui.confirm(msg, '系统提示', btnArray, function(e) {
                                if (e.index == 1) {
                                    window.location.href="{php echo app_url('home/index/login1')}";
                                }else {
                                    ff()
                                }
                            });
                            return false;
                            {/if}
                                var x = document.getElementById("collectText");
                                $.post("{php echo app_url('home/index/detail')}",{type:'collect',activityid:{$activityid}},function(data){
                                    if (data.errno==1){
                                        x.innerHTML="已关注";
                                        x.style='color:#E94709;';

                                    }else {
                                        x.innerHTML="关注";
                                        x.style='color:#555657;';
                                    }
                                    util.toast(data.msg);
                                },"json");
                            }
                            function good(cc,id,tid) {
                                {if $_SESSION["status"]!='login'}
                                var btnArray = ['不登录', '去登陆'];
                                var msg='登录后才可使用此功能';
                                mui.confirm(msg, '系统提示', btnArray, function(e) {
                                    if (e.index == 1) {
                                        window.location.href="{php echo app_url('home/index/login')}";
                                    }else {
                                        ff()
                                    }
                                });
                                return false;
                                {/if}
                                    var sum=Number(cc.innerHTML);
                                    var arr={type:'good',cid:id,sum:sum,tid:tid};
                                    $.post("{php echo app_url('home/index/detail')}",arr,function(data){
                                        if (data.errno==0){
                                            cc.innerHTML=data.sum;
                                            cc.classList.add('mui-active');
                                            util.toast(data.msg);
                                        }else {
                                            cc.innerHTML=data.sum;
                                            cc.classList.remove('mui-active');
                                            util.toast(data.msg);
                                        }
                                    },"json");
                                }
                                function toComment() {
                                    {if $_SESSION["status"]!='login'}
                                    var btnArray = ['不登录', '去登陆'];
                                    var msg='登录后才可使用此功能';
                                    mui.confirm(msg, '系统提示', btnArray, function(e) {
                                        if (e.index == 1) {
                                            window.location.href="{php echo app_url('home/index/login')}";
                                        }else {
                                            ff()
                                        }
                                    });
                                    return false;
                                    {/if}
                                        var content=document.getElementById('content').value;
                                        if (!content){
                                            util.toast("请输入评论内容");
                                            return false;
                                        }
                                        document.getElementById('bottom-tab').style.setProperty('display','block');
                                        var pid=localStorage.getItem('parentid');
                                        var tid=localStorage.getItem('tid');
                                        var arr={type:'comment',content:content,pid:pid,tid:tid,activityid:{$activityid}};
                                        var result='';
                                        $.post("{php echo app_url('home/index/detail')}",arr,function(res){
                                            if (res.errno==1){
                                                util.toast(res.msg);
                                                for (var i=0;i<res.data.length;i++){
                                                    var cLength= res.data[i].child? res.data[i].child.length:0;
                                                    res.data[i].avatar= res.data[i].avatar? res.data[i].avatar:'{$aideUrl}app/resource/aitimt/images/shuijiao.jpg';
                                                    var ractive='';
                                                    if (res.data[i].gStatus==1){
                                                        ractive='mui-active';
                                                    }
                                                    result+='<li class="mui-table-view-cell mui-media">\n' +
                                                        '<div>\n' +
                                                        '<img class="mui-media-object mui-pull-left comment-img" src='+res.data[i].avatar+'>\n' +
                                                        '<div class="comment-nickname">'+res.data[i].nickname+'\n' +
                                                        '<p class="comment-time">'+res.data[i].created_at+'</p>\n' +
                                                        '</div>\n'+
                                                        '<div class="comment-content">'+res.data[i].content+'' +
                                                        '<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid='+res.data[i].id+' data-tid='+res.data[i].uid+'>'+cLength+'</a>\n' +
                                                        '<span class="mui-icon iconfont icon-zan '+ractive+'" onclick="good(this,'+res.data[i].id+','+res.data[i].uid+')">'+res.data[i].good+'</span>\n'+
                                                        '</div>\n' ;
                                                    if(cLength>0){
                                                        var child=res.data[i].child;
                                                        for (var j=0;j<cLength;j++) {
                                                            var cactive='';
                                                            if (child[j].gStatus==1){
                                                                cactive='mui-active';
                                                            }
                                                            child[j].avatar=child[j].avatar?child[j].avatar:'{$aideUrl}app/resource/aitimt/images/shuijiao.jpg';
                                                            result+='<div class="reply-list">\n' +
                                                                '<img class="mui-media-object mui-pull-left reply-img" src='+child[j].avatar+'>\n' +
                                                                '<div class="reply-nickname">'+child[j].nickname+'\n' +
                                                                '<p class="reply-time">'+child[j].created_at+'</p>\n' +
                                                                '</div>\n' +
                                                                '<div class="reply-content">'+child[j].content+'' +
                                                                '<a class="mui-icon mui-icon-chatboxes setParent" href="#comment" data-pid='+res.data[i].id+' data-tid='+child[j].uid+'>&nbsp;</a>\n' +
                                                                '<span class="mui-icon iconfont icon-zan '+cactive+'" onclick="good(this,'+child[j].id+','+child[j].id+')">'+child[j].good+'</span>\n' +
                                                                '</div>\n' +
                                                                '</div>'
                                                        }
                                                    }

                                                    result+='</div></li>';
                                                }

                                                document.getElementById('commentList').innerHTML=result;
                                                onload();
                                            }else {
                                                util.toast(data.msg);
                                            }
                                            document.getElementById('comment').style.setProperty('display','none');
                                            document.getElementById('comment').classList.remove("mui-active");
                                            document.getElementById('pophei').style.setProperty('display','none');
                                        },"json");
                                    }
</script>

</body>

</html>
